// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
// 引入router目录下的index.js文件，不是路由源码！！
import router from './router'
import $ from 'jquery'
// 引入axios
import axios from './axios'
// 引入store文件夹中的store
import store from './store/index'
// 在vue实例上新增axios方法，方便全局使用
// Vue.prototype.$http =axios
// 引入ElementUI
import ElementUI from 'element-ui';
// 引入ElementUI的css 
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)
Vue.prototype.axios = axios;
Vue.prototype.$ = $;
// 通过prototype，给vue实例新增一个eventbus方法
// eventbus的值是一个空的vue实例
Vue.prototype.eventbus = new Vue();

Vue.config.productionTip = false
// 全局的导航守卫
router.beforeEach((to, from, next) => {
  // to:到哪里去
  // from:从哪里来
  // next：必须调用的函数。不调用就白茫茫一片，是因为没有过将执行权交给后面的中间件
  // console.log('to：',to);
  // console.log('from：',from);
  document.title = to.meta.title || 'Vue-demo'
  next()
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  store,
  template: '<App/>'
})
